
# affix 说明：
//data-offset-top=30 ，指当页面滚动 小于 离顶部30px时，为class= affix-top
//                                  大于 离顶部30px时，为class= affix
//                     [或者理解为]指当页面滚动了 30px

//data-offset-bottom="200" 指当文档底部的未显示区域为200时，激活class =affix-bottom
//                         这个时候，bootstrap会自动设置<div  style="top= x"></div>,并自动计算x值，
//                         使得div的底部距离文档底部200px。所以样式必须为 .affix-bottom{position:absolute;}
//设置方式如下：
<style type="text/css">
.affix{position:fixed;top:30px;}           /*激活固定时，距离窗口顶部30px*/
.affix-top{position: relative;top: 60px;}  /*普通情况下，距离文档顶部60px*/
.affix-bottom{position:absolute;}          /*激活底部设置，用其父对象定位，其值由bootsrap计算*/
</style>
<div  id='sideBar' data-spy="affix" data-offset-top="30" data-offset-bottom="200">
</div>

/----------------------------------------------------------------------------------------/